<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>产品详细</title>
	</head>
	<body>
		<div class="web">
			<!-- 头部 -->
			<header>
				<div class="box">
					<div class="leftBox">
						<button type="button">Back</button>
					</div>
					<div class="centerBox">
						<span>产品详细</span>
					</div>
					<div class="rightBox">
						<i class="iconfont icon-star"></i>
					</div>
			</header>

			<!-- 内容 -->
			<main>
				<section class="product">
					<div class="imgBox">
						<img src="../images/detailBg.png">
					</div>
					<div class="price">
						<div class="leftP">
							<i class="iconfont icon-renminbi"></i>
							<span>32</span>
						</div>
						<div class="rightP">
							<button type="button">
								购买
							</button>
						</div>
					</div>
				</section>
				<section class="assess">
					<div class="leftA">
						<i class="iconfont icon-star"></i>
						<span>好评度</span>
						<span>99%</span>
					</div>
					<div class="rightA">
						<a href="">共605个评价&gt;</a>
					</div>
				</section>
				<section class="shopBox">
					<!-- 导航栏 -->
					<div class="nav">
						<h2>适用商户</h2>
						<a href="">&gt;</a>
					</div>

					<div class="shop">
						<div class="leftS">
							<img src="../images/detailShop1.png">
						</div>
						<div class="centerS">
							<h2>万岁寿司（正佳店）</h2>
							<div class="score">
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<span>10分</span>
							</div>
							<h3>离你100m</h3>
							<a href="">查看详情&nbsp;&gt;&gt;</a>
						</div>
						<div class="rightS">
							<button type="button">进入</button>
						</div>
					</div>
					<div class="shop">
						<div class="leftS">
							<img src="../images/detailShop2.png">
						</div>
						<div class="centerS">
							<h2>万岁寿司（正佳店）</h2>
							<div class="score">
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<span>10分</span>
							</div>
							<h3>离你100m</h3>
							<a href="">查看详情&nbsp;&gt;&gt;</a>
						</div>
						<div class="rightS">
							<button type="button">进入</button>
						</div>
					</div>
					<div class="shop">
						<div class="leftS">
							<img src="../images/detailShop3.png">
						</div>
						<div class="centerS">
							<h2>万岁寿司（正佳店）</h2>
							<div class="score">
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<i class="iconfont icon-star"></i>
								<span>10分</span>
							</div>
							<h3>离你100m</h3>
							<a href="">查看详情&nbsp;&gt;&gt;</a>
						</div>
						<div class="rightS">
							<button type="button">进入</button>
						</div>
					</div>
				</section>
			</main>

			<!-- 尾部 -->
			<footer>
				<div class="box">
					<div class="bot">
						<a href="index.html"><i class="iconfont icon-fangzi1"></i></a>
						<h2>首页</h2>
					</div>
					<div class="bot">
						<a href="sort.html"><i class="iconfont icon-fenlei1"></i></a>
						<h2>分类</h2>
					</div>
					<div class="bot">
						<a href="found.html"><i class="iconfont icon-compass"></i></a>
						<h2>发现</h2>
					</div>
					<div class="bot">
						<a href="user.html"><i class="iconfont icon-renxiang2"></i></a>
						<h2>我的</h2>
					</div>
				</div>
			</footer>
		</div>
	</body>
</html>
